<template>
  <div class="order">
    <div class="list">
      <span v-for="(item,index) in arr" :key="index">{{item}}</span>
    </div>
    <div class="card"></div>
  </div>
</template>

<script>
export default {
  data(){
    return{
      arr:['全部','待消费','待评价','退款']
    }
  }
}
</script>

<style scoped>
.order{
    background-color: aqua;
}
.list{
  width: 70%;
  margin-left: 10px;
  background: red;
  display: flex;
  justify-content: space-around;
  padding-top: 50px;
}
</style>